<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/jiejue.css" />
	</head>
	<body>
		<div id="index">
			<!-- 网页头部 -->
			<div id="header">
				<div id="header-conter">
					<ul class="ulOne">
						<li class="ulOne-lione">
							<img src="./img/bgloog.png" class="bgimglogo">
							<h3>网络全案营销服提供商</h3>
						</li>

					</ul>
					<ul class="ulthree">
						<li><a href="http://10.35.164.153/day4/index.html"><span class="floatleft">网站首页</span>
							</a></li><!-- href="" -->
						<!--  -->
						<!-- href="" -->
						<!--  -->
						<li><a><span class="floatleft">传悦资源</span> </a></li>
						<li ><a href="http://10.35.164.153/day4/anliList.html"><span class="floatleft">传悦案例</span></a></li>
						<li class="bgred"><a href="http://10.35.164.153/day4/jiejuList.html"><span class="floatleft">解决方案</span> </a></li>
						<li><a><span class="floatleft">需求提高</span> </a></li>
					</ul>
					<ul class="ulTwo">
						<li><img src="./img/photo.png"><span style="color: #636363; margin-left: 10px; font-size: 17px;">0535-60652189</span></li>
						<li><a href=""><img src="./img/qq.png"></a></li>
						<li><a href=""><img src="./img/weibo.png"></a></li>
						<li><a href=""><img src="./img/weixin.png"></a></li>
						<li><a href=""><img src="./img/Email.png"></a></li>
					</ul>
				</div>

			</div>
			<div id="firstbgimg">
				<div id="firstbgimg-con">
					<div class="firstbgimg-con">
						<span>网站首页</span>
						<span><img src="img/tiaozhaunjiantouright.png"></span>
						<span>传悦案例</span>
					</div>
				</div>
			</div>
			<!----------n内容http://10.35.164.153/day4/juejuexiangqing.html--------------------------->
			<div id="textnell">
				<div id="textnell-con">
					<ul class="you">
						<li id="textnells-con" class="neweawaaa" >         <a href="">
							<div class="Leftbox"><img src="./img/smallbg.png">
								<p>新</p>
								<h6>2013-09</h6>
								<h1>27</h1>
							</div>
							<div class="Rightbox">
								<div class="RightboxLeft">
									<img src="img/loimg_03.jpg">
								</div>
								<div class="RightboxRight">
									<h2></h2>
									<p class="fontp1"></p>
									<p class="fontp2"></p>
								</div>
							</div>
						</a></li>
					</ul>
				</div>
			</div>
			<!------ jiewei-------------->
			<div id="laster">
				<div id="laster-con">
					<div class="laster-first">
					</div>
					<div class="laster-last">
						<ul class="laster-lastone">
							<li>关于传悦</li>
							<li> 新闻动态 </li>
							<li>传悦观点</li>
							<li>联系传悦</li>
							<li>加入传悦</li>
							<li>付款账户</li>
						</ul>
						<ul class="laster-lasttwo">
							<li>Copyright ©2013</li>
							<li>创梦网络科技有限责任公司</li>
							<li>‖</li>
							<li> 传悦</li>
							<li>Chnyoo.cn All Rights Reserved</li>
							<li>京ICP备12005221号</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript">
	//开始往后台发请求#textnell #firstbgimg-con ul
	let oUl=document.querySelector(".you");
	console.log(oUl);
	
	let oLi=document.querySelector(".you .neweawaaa");
	console.log(oLi);
	console.log(oLi.length);
	//获取到ul
	//发请求
	let http = new XMLHttpRequest();
	http.open("get", 'http://10.35.164.153:81/newflightList');
	http.send();
	http.onreadystatechange = function() {
		if (http.readyState === 4) {
			let forjson = JSON.parse(http.responseText);
			console.log(forjson);
			forjson.forEach((item) => {
				
				let newTr = oLi.cloneNode(true);
				newTr.setAttribute("id", " ");
				oUl.appendChild(newTr);
				newTr.querySelector(" .RightboxLeft").innerHTML = `${item.imgs}`;
				newTr.querySelector(".RightboxRight h2").innerHTML = `${item.newh}`;
				newTr.querySelector(".RightboxRight .fontp1").innerHTML = `${item.onep}`;
				newTr.querySelector(".RightboxRight .fontp2").innerHTML = `${item.twop}`;
	         newTr.setAttribute("data-id",item.id);
	         console.log(item);
	        newTr.querySelector("a").href =`juejuexiangqing.html?id=${item.Id}`;
			})
		}
	}
</script>